<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>QDMall商城</title>

<!-- 引入Css文件 -->
<link rel="stylesheet" href="css/index.css">

</head>
<body>

<div class="head container">
	<div class="right">
		<!-- 当用户没有登录时，显示 注册和登录的超链接 -->
		<a th:if="${session.user==null}" href="register.do">用户注册</a>
		<a th:if="${session.user==null}" href="login.do">用户登录</a>
		
		<!-- 当用户已经登录了，显示用户名， 退出的超链接 -->
		<a th:if="${session.user!=null}" href="logout.do">用户退出</a>
		<a th:if="${session.user!=null}" href="modify.do">修改密码</a>
		
		
		<!-- 访问Session中的User对象 
			th:if这个属性是thymelear中的条件判断，当它的值是true时，当前标签才会执行
				当它的值是false时，这个标签将不会执行，不会出现在页面中
		-->
		<a th:if="${session.user!=null}" th:text="${session.user.username}"></a>
	</div>
</div>

<div class="container">
	<div class="logo">QDMall商城</div>
</div>

<!-- 显示所有的商品信息 -->
<div class="container">

	<!-- 商品 -->
	<div class="goods" th:each="goods:${goodsList}">
		<img th:src="@{'img/' + ${goods.pic}}">
		<div class="name" th:text="${goods.name}">123123</div>
		<div class="describe" th:text="${goods.describe}">123123</div>
		<div class="price" th:text="${goods.price}">$123123</div>
		<div class="store" th:text="@{'库存：'+${goods.store}}">库存：123123</div>
		<div class="buy"> <a th:href="@{'buy.do?id=' + ${goods.id}}">购买</a></div>
	</div>
	
</div>

<div th:with="error=${param.error}">
	<script type="text/javascript" th:if="${error!=null}"
		th:utext="@{'alert(\''+${error}+'\')'}"
		>
	</script>
</div>
</body>
</html>





